<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>排行榜</title>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="../../assets/js/base.js"></script>
    <link rel="stylesheet" href="../../assets/css/ranking.css">
</head>

<body class="justify-center">
    <section class="ranking">
        <div class="over-top align-end">
            <img src="../../assets/images/icon/icon-ranking.png" alt="">
            <span>单词突击 danci007,排行榜</span>
        </div>
        <header class="header align-center">
            <img class="header-icon" src="../../assets/images/icon/icon-ranking-time.png" alt="">
            <div>
                <div>今日学习时间（秒）</div>
                <div class="tips">(不要小看勤奋）</div>
            </div>
            <div class="input-search align-center">
                <input type="text" placeholder="筛选条件" class="input-value flex-wid">
                <span class="iconfont llsearch"></span>
            </div>
        </header>
        <div class="ranking-row align-center">
            <span>1.</span>
            <div class="avatar-wrap">
                <img src="../../assets/images/icon/icon-ranking-1.png" alt="" class="icon-ranking-top">
                <img class="avatar" src="../../assets/images/avatar.png" alt="">
            </div>
            <div class="flex-wid">姚贝娜（四川省成都市)</div>
            <img src="../../assets/images/icon/icon-ranking-time.png" alt="" class="icon-ranking">
            <div class="value">10086</div>
        </div>
        <div class="ranking-row align-center">
            <span>2.</span>
            <div class="avatar-wrap">
                <img src="../../assets/images/icon/icon-ranking-2.png" alt="" class="icon-ranking-top">
                <img class="avatar" src="../../assets/images/avatar.png" alt="">
            </div>
            <div class="flex-wid">姚贝娜（四川省成都市)</div>
            <img src="../../assets/images/icon/icon-ranking-time.png" alt="" class="icon-ranking">
            <div class="value">10086</div>
        </div>
        <div class="ranking-row align-center">
            <span>3.</span>
            <div class="avatar-wrap">
                <img src="../../assets/images/icon/icon-ranking-3.png" alt="" class="icon-ranking-top">
                <img class="avatar" src="../../assets/images/avatar.png" alt="">
            </div>
            <div class="flex-wid">姚贝娜（四川省成都市)</div>
            <img src="../../assets/images/icon/icon-ranking-time.png" alt="" class="icon-ranking">
            <div class="value">10086</div>
        </div>
        <div class="ranking-row align-center">
            <span>4.</span>
            <div class="avatar-wrap">
                <img class="avatar" src="../../assets/images/avatar.png" alt="">
            </div>
            <div class="flex-wid">姚贝娜（四川省成都市)</div>
            <img src="../../assets/images/icon/icon-ranking-time.png" alt="" class="icon-ranking">
            <div class="value">10086</div>
        </div>
        <div class="ranking-row align-center">
            <span>5.</span>
            <div class="avatar-wrap">
                <img class="avatar" src="../../assets/images/avatar.png" alt="">
            </div>
            <div class="flex-wid">姚贝娜（四川省成都市)</div>
            <img src="../../assets/images/icon/icon-ranking-time.png" alt="" class="icon-ranking">
            <div class="value">10086</div>
        </div>
        <div class="ranking-row align-center">
            <span>6.</span>
            <div class="avatar-wrap">
                <img class="avatar" src="../../assets/images/avatar.png" alt="">
            </div>
            <div class="flex-wid">姚贝娜（四川省成都市)</div>
            <img src="../../assets/images/icon/icon-ranking-time.png" alt="" class="icon-ranking">
            <div class="value">10086</div>
        </div>
        <div class="ranking-row align-center">
            <span>7.</span>
            <div class="avatar-wrap">
                <img class="avatar" src="../../assets/images/avatar.png" alt="">
            </div>
            <div class="flex-wid">姚贝娜（四川省成都市)</div>
            <img src="../../assets/images/icon/icon-ranking-time.png" alt="" class="icon-ranking">
            <div class="value">10086</div>
        </div>
        <div class="ranking-row align-center">
            <span>8.</span>
            <div class="avatar-wrap">
                <img class="avatar" src="../../assets/images/avatar.png" alt="">
            </div>
            <div class="flex-wid">姚贝娜（四川省成都市)</div>
            <img src="../../assets/images/icon/icon-ranking-time.png" alt="" class="icon-ranking">
            <div class="value">10086</div>
        </div>
        <div class="ranking-row align-center">
            <span>9.</span>
            <div class="avatar-wrap">
                <img class="avatar" src="../../assets/images/avatar.png" alt="">
            </div>
            <div class="flex-wid">姚贝娜（四川省成都市)</div>
            <img src="../../assets/images/icon/icon-ranking-time.png" alt="" class="icon-ranking">
            <div class="value">10086</div>
        </div>
        <div class="ranking-row align-center">
            <span>10.</span>
            <div class="avatar-wrap">
                <img class="avatar" src="../../assets/images/avatar.png" alt="">
            </div>
            <div class="flex-wid">姚贝娜（四川省成都市)</div>
            <img src="../../assets/images/icon/icon-ranking-time.png" alt="" class="icon-ranking">
            <div class="value">10086</div>
        </div>
        <footer class="footer">
            <div class="tips">当前你的排行榜</div>
            <div class="ranking-row align-center">
                <span>10.</span>
                <div class="avatar-wrap">
                    <img class="avatar" src="../../assets/images/avatar.png" alt="">
                </div>
                <div class="flex-wid">姚贝娜（四川省成都市)</div>
                <img src="../../assets/images/icon/icon-ranking-time.png" alt="" class="icon-ranking">
                <div class="value">10086</div>
            </div>
        </footer>
    </section>
    <section class="ranking">
        <header class="header align-center">
            <img class="header-icon" src="../../assets/images/icon/icon-ranking-num.png" alt="">
            <div>
                <div>今日学习时间（秒）</div>
                <div class="tips">(不要小看勤奋）</div>
            </div>
            <div class="input-search align-center">
                <input type="text" placeholder="筛选条件" class="input-value flex-wid">
                <span class="iconfont llsearch"></span>
            </div>
        </header>
        <div class="ranking-row align-center">
            <span>1.</span>
            <div class="avatar-wrap">
                <img src="../../assets/images/icon/icon-ranking-1.png" alt="" class="icon-ranking-top">
                <img class="avatar" src="../../assets/images/avatar.png" alt="">
            </div>
            <div class="flex-wid">姚贝娜（四川省成都市)</div>
            <img src="../../assets/images/icon/icon-ranking-num.png" alt="" class="icon-ranking">
            <div class="value">10086</div>
        </div>
        <div class="ranking-row align-center">
            <span>2.</span>
            <div class="avatar-wrap">
                <img src="../../assets/images/icon/icon-ranking-2.png" alt="" class="icon-ranking-top">
                <img class="avatar" src="../../assets/images/avatar.png" alt="">
            </div>
            <div class="flex-wid">姚贝娜（四川省成都市)</div>
            <img src="../../assets/images/icon/icon-ranking-num.png" alt="" class="icon-ranking">
            <div class="value">10086</div>
        </div>
        <div class="ranking-row align-center">
            <span>3.</span>
            <div class="avatar-wrap">
                <img src="../../assets/images/icon/icon-ranking-3.png" alt="" class="icon-ranking-top">
                <img class="avatar" src="../../assets/images/avatar.png" alt="">
            </div>
            <div class="flex-wid">姚贝娜（四川省成都市)</div>
            <img src="../../assets/images/icon/icon-ranking-num.png" alt="" class="icon-ranking">
            <div class="value">10086</div>
        </div>
        <div class="ranking-row align-center">
            <span>4.</span>
            <div class="avatar-wrap">
                <img class="avatar" src="../../assets/images/avatar.png" alt="">
            </div>
            <div class="flex-wid">姚贝娜（四川省成都市)</div>
            <img src="../../assets/images/icon/icon-ranking-num.png" alt="" class="icon-ranking">
            <div class="value">10086</div>
        </div>
        <div class="ranking-row align-center">
            <span>5.</span>
            <div class="avatar-wrap">
                <img class="avatar" src="../../assets/images/avatar.png" alt="">
            </div>
            <div class="flex-wid">姚贝娜（四川省成都市)</div>
            <img src="../../assets/images/icon/icon-ranking-num.png" alt="" class="icon-ranking">
            <div class="value">10086</div>
        </div>
        <div class="ranking-row align-center">
            <span>6.</span>
            <div class="avatar-wrap">
                <img class="avatar" src="../../assets/images/avatar.png" alt="">
            </div>
            <div class="flex-wid">姚贝娜（四川省成都市)</div>
            <img src="../../assets/images/icon/icon-ranking-num.png" alt="" class="icon-ranking">
            <div class="value">10086</div>
        </div>
        <div class="ranking-row align-center">
            <span>7.</span>
            <div class="avatar-wrap">
                <img class="avatar" src="../../assets/images/avatar.png" alt="">
            </div>
            <div class="flex-wid">姚贝娜（四川省成都市)</div>
            <img src="../../assets/images/icon/icon-ranking-num.png" alt="" class="icon-ranking">
            <div class="value">10086</div>
        </div>
        <div class="ranking-row align-center">
            <span>8.</span>
            <div class="avatar-wrap">
                <img class="avatar" src="../../assets/images/avatar.png" alt="">
            </div>
            <div class="flex-wid">姚贝娜（四川省成都市)</div>
            <img src="../../assets/images/icon/icon-ranking-num.png" alt="" class="icon-ranking">
            <div class="value">10086</div>
        </div>
        <div class="ranking-row align-center">
            <span>9.</span>
            <div class="avatar-wrap">
                <img class="avatar" src="../../assets/images/avatar.png" alt="">
            </div>
            <div class="flex-wid">姚贝娜（四川省成都市)</div>
            <img src="../../assets/images/icon/icon-ranking-num.png" alt="" class="icon-ranking">
            <div class="value">10086</div>
        </div>
        <div class="ranking-row align-center">
            <span>10.</span>
            <div class="avatar-wrap">
                <img class="avatar" src="../../assets/images/avatar.png" alt="">
            </div>
            <div class="flex-wid">姚贝娜（四川省成都市)</div>
            <img src="../../assets/images/icon/icon-ranking-num.png" alt="" class="icon-ranking">
            <div class="value">10086</div>
        </div>
        <footer class="footer">
            <div class="tips">当前你的排行榜</div>
            <div class="ranking-row align-center">
                <span>10.</span>
                <div class="avatar-wrap">
                    <img class="avatar" src="../../assets/images/avatar.png" alt="">
                </div>
                <div class="flex-wid">姚贝娜（四川省成都市)</div>
                <img src="../../assets/images/icon/icon-ranking-num.png" alt="" class="icon-ranking">
                <div class="value">10086</div>
            </div>
        </footer>
    </section>
    <section class="ranking">
        <div class="over-top align-end justify-end">
            <span>每日24时更新排行榜</span>
        </div>
        <header class="header align-center">
            <img class="header-icon" src="../../assets/images/icon/icon-ranking-price.png" alt="">
            <div>
                <div>乐廊币排行榜</div>
                <div class="tips">(成功是辛勤劳动的报酬）</div>
            </div>
            <div class="input-search align-center">
                <input type="text" placeholder="筛选条件" class="input-value flex-wid">
                <span class="iconfont llsearch"></span>
            </div>
        </header>
        <div class="ranking-row align-center">
            <span>1.</span>
            <div class="avatar-wrap">
                <img src="../../assets/images/icon/icon-ranking-1.png" alt="" class="icon-ranking-top">
                <img class="avatar" src="../../assets/images/avatar.png" alt="">
            </div>
            <div class="flex-wid">姚贝娜（四川省成都市)</div>
            <img src="../../assets/images/icon/icon-ranking-price.png" alt="" class="icon-ranking">
            <div class="value">10086</div>
        </div>
        <div class="ranking-row align-center">
            <span>2.</span>
            <div class="avatar-wrap">
                <img src="../../assets/images/icon/icon-ranking-2.png" alt="" class="icon-ranking-top">
                <img class="avatar" src="../../assets/images/avatar.png" alt="">
            </div>
            <div class="flex-wid">姚贝娜（四川省成都市)</div>
            <img src="../../assets/images/icon/icon-ranking-price.png" alt="" class="icon-ranking">
            <div class="value">10086</div>
        </div>
        <div class="ranking-row align-center">
            <span>3.</span>
            <div class="avatar-wrap">
                <img src="../../assets/images/icon/icon-ranking-3.png" alt="" class="icon-ranking-top">
                <img class="avatar" src="../../assets/images/avatar.png" alt="">
            </div>
            <div class="flex-wid">姚贝娜（四川省成都市)</div>
            <img src="../../assets/images/icon/icon-ranking-price.png" alt="" class="icon-ranking">
            <div class="value">10086</div>
        </div>
        <div class="ranking-row align-center">
            <span>4.</span>
            <div class="avatar-wrap">
                <img class="avatar" src="../../assets/images/avatar.png" alt="">
            </div>
            <div class="flex-wid">姚贝娜（四川省成都市)</div>
            <img src="../../assets/images/icon/icon-ranking-price.png" alt="" class="icon-ranking">
            <div class="value">10086</div>
        </div>
        <div class="ranking-row align-center">
            <span>5.</span>
            <div class="avatar-wrap">
                <img class="avatar" src="../../assets/images/avatar.png" alt="">
            </div>
            <div class="flex-wid">姚贝娜（四川省成都市)</div>
            <img src="../../assets/images/icon/icon-ranking-price.png" alt="" class="icon-ranking">
            <div class="value">10086</div>
        </div>
        <div class="ranking-row align-center">
            <span>6.</span>
            <div class="avatar-wrap">
                <img class="avatar" src="../../assets/images/avatar.png" alt="">
            </div>
            <div class="flex-wid">姚贝娜（四川省成都市)</div>
            <img src="../../assets/images/icon/icon-ranking-price.png" alt="" class="icon-ranking">
            <div class="value">10086</div>
        </div>
        <div class="ranking-row align-center">
            <span>7.</span>
            <div class="avatar-wrap">
                <img class="avatar" src="../../assets/images/avatar.png" alt="">
            </div>
            <div class="flex-wid">姚贝娜（四川省成都市)</div>
            <img src="../../assets/images/icon/icon-ranking-price.png" alt="" class="icon-ranking">
            <div class="value">10086</div>
        </div>
        <div class="ranking-row align-center">
            <span>8.</span>
            <div class="avatar-wrap">
                <img class="avatar" src="../../assets/images/avatar.png" alt="">
            </div>
            <div class="flex-wid">姚贝娜（四川省成都市)</div>
            <img src="../../assets/images/icon/icon-ranking-price.png" alt="" class="icon-ranking">
            <div class="value">10086</div>
        </div>
        <div class="ranking-row align-center">
            <span>9.</span>
            <div class="avatar-wrap">
                <img class="avatar" src="../../assets/images/avatar.png" alt="">
            </div>
            <div class="flex-wid">姚贝娜（四川省成都市)</div>
            <img src="../../assets/images/icon/icon-ranking-price.png" alt="" class="icon-ranking">
            <div class="value">10086</div>
        </div>
        <div class="ranking-row align-center">
            <span>10.</span>
            <div class="avatar-wrap">
                <img class="avatar" src="../../assets/images/avatar.png" alt="">
            </div>
            <div class="flex-wid">姚贝娜（四川省成都市)</div>
            <img src="../../assets/images/icon/icon-ranking-price.png" alt="" class="icon-ranking">
            <div class="value">10086</div>
        </div>
        <footer class="footer">
            <div class="tips">当前你的排行榜</div>
            <div class="ranking-row align-center">
                <span>10.</span>
                <div class="avatar-wrap">
                    <img class="avatar" src="../../assets/images/avatar.png" alt="">
                </div>
                <div class="flex-wid">姚贝娜（四川省成都市)</div>
                <img src="../../assets/images/icon/icon-ranking-price.png" alt="" class="icon-ranking">
                <div class="value">10086</div>
            </div>
        </footer>
    </section>
</body>

</html>